{% extends "guide.html" %}
{% block body %}
    <!-- ***** Home Parallax Start ***** -->
    <section class="mini" id="work-process">
        <div class="mini-content">
            <div class="container">
                <div class="row">
                    <div class="offset-lg-3 col-lg-6">
                        <div class="info">
                            <h1></h1>
                            <h1>数据故事二：旅游业发展</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Home Parallax End ***** -->
    <!-- ***** Features Big Item Start ***** -->
    <section class="section padding-top-70 padding-bottom-0" id="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                    <div class="left-heading">
                        <h2 class="section-title">从国内游客人数看旅游业发展</h2>
                    </div>
                    <div class="left-text">
                        <p>数据展示了近十年的国内游客数情况，从2010年到2019年，国内游客人数有大幅度的增长，2019年人数是2010年的三倍。说明旅游业的市场在不断扩大，随着生活水平的不断提高，人们对于旅游有一定的需求。</p>
                        <a href="{{ url_for('do_table_4') }}" class="main-button">查看原始表格</a>
                    </div>

                </div>
                <div class="col-lg-1"></div>
                <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">

                    <!DOCTYPE html>
                    <html>
                    <head>
                        <meta charset="UTF-8">
                        <title>Awesome-pyecharts</title>
                                <script type="text/javascript" src="../static/js/echarts.min.js"></script>

                    </head>
                    <body>
                        <div id="246a72fea1134476bd67deed6495389a" class="chart-container" style="width:700px; height:500px;"></div>
                        <script>
                            var chart_246a72fea1134476bd67deed6495389a = echarts.init(
                                document.getElementById('246a72fea1134476bd67deed6495389a'), 'white', {renderer: 'canvas'});
                            var option_246a72fea1134476bd67deed6495389a = {
                        "animation": true,
                        "animationThreshold": 2000,
                        "animationDuration": 1000,
                        "animationEasing": "cubicOut",
                        "animationDelay": 0,
                        "animationDurationUpdate": 300,
                        "animationEasingUpdate": "cubicOut",
                        "animationDelayUpdate": 0,
                        "color": [
                            "#c23531",
                            "#2f4554",
                            "#61a0a8",
                            "#d48265",
                            "#749f83",
                            "#ca8622",
                            "#bda29a",
                            "#6e7074",
                            "#546570",
                            "#c4ccd3",
                            "#f05b72",
                            "#ef5b9c",
                            "#f47920",
                            "#905a3d",
                            "#fab27b",
                            "#2a5caa",
                            "#444693",
                            "#726930",
                            "#b2d235",
                            "#6d8346",
                            "#ac6767",
                            "#1d953f",
                            "#6950a1",
                            "#918597"
                        ],
                        "series": [
                            {
                                "type": "funnel",
                                "name": "\u56fd\u5185\u6e38\u5ba2\uff08\u767e\u4e07\u4eba\u6b21\uff09",
                                "data": [
                                    {
                                        "name": "2019\u5e74",
                                        "value": 6006.0
                                    },
                                    {
                                        "name": "2018\u5e74",
                                        "value": 5539.0
                                    },
                                    {
                                        "name": "2017\u5e74",
                                        "value": 5001.0
                                    },
                                    {
                                        "name": "2016\u5e74",
                                        "value": 4435.0
                                    },
                                    {
                                        "name": "2015\u5e74",
                                        "value": 3990.0
                                    },
                                    {
                                        "name": "2014\u5e74",
                                        "value": 3611.0
                                    },
                                    {
                                        "name": "2013\u5e74",
                                        "value": 3262.0
                                    },
                                    {
                                        "name": "2012\u5e74",
                                        "value": 2957.0
                                    },
                                    {
                                        "name": "2011\u5e74",
                                        "value": 2641.0
                                    },
                                    {
                                        "name": "2010\u5e74",
                                        "value": 2103.0
                                    }
                                ],
                                "sort": "descending",
                                "gap": 0,
                                "label": {
                                    "show": true,
                                    "position": "inside",
                                    "margin": 8
                                }
                            }
                        ],
                        "legend": [
                            {
                                "data": [
                                    "2015\u5e74",
                                    "2018\u5e74",
                                    "2010\u5e74",
                                    "2012\u5e74",
                                    "2013\u5e74",
                                    "2016\u5e74",
                                    "2017\u5e74",
                                    "2011\u5e74",
                                    "2019\u5e74",
                                    "2014\u5e74"
                                ],
                                "selected": {
                                    "2019\u5e74": true,
                                    "2018\u5e74": true,
                                    "2017\u5e74": true,
                                    "2016\u5e74": true,
                                    "2015\u5e74": true,
                                    "2014\u5e74": true,
                                    "2013\u5e74": true,
                                    "2012\u5e74": true,
                                    "2011\u5e74": true,
                                    "2010\u5e74": true
                                }
                            }
                        ],
                        "tooltip": {
                            "show": true,
                            "trigger": "item",
                            "triggerOn": "mousemove|click",
                            "axisPointer": {
                                "type": "line"
                            },
                            "showContent": true,
                            "alwaysShowContent": false,
                            "showDelay": 0,
                            "hideDelay": 100,
                            "textStyle": {
                                "fontSize": 14
                            },
                            "borderWidth": 0,
                            "padding": 5
                        }
                    };
                            chart_246a72fea1134476bd67deed6495389a.setOption(option_246a72fea1134476bd67deed6495389a);
                        </script>
                    </body>
                    </html>

                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="hr"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Big Item End ***** -->
        <!-- ***** Features Big Item Start ***** -->
    <section class="section padding-top-70 padding-bottom-0" id="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">

                    <!DOCTYPE html>
                    <html>
                    <head>
                        <meta charset="UTF-8">
                        <title>Awesome-pyecharts</title>
                                <script type="text/javascript" src="../static/js/echarts.min.js"></script>

                    </head>
                    <body>
                        <div id="4667956b0ae5436798f9c3c7bc1d95b9" class="chart-container" style="width:700px; height:500px;"></div>
                        <script>
                            var chart_4667956b0ae5436798f9c3c7bc1d95b9 = echarts.init(
                                document.getElementById('4667956b0ae5436798f9c3c7bc1d95b9'), 'white', {renderer: 'canvas'});
                            var option_4667956b0ae5436798f9c3c7bc1d95b9 = {
                        "animation": true,
                        "animationThreshold": 2000,
                        "animationDuration": 1000,
                        "animationEasing": "cubicOut",
                        "animationDelay": 0,
                        "animationDurationUpdate": 300,
                        "animationEasingUpdate": "cubicOut",
                        "animationDelayUpdate": 0,
                        "color": [
                            "#bda29a",
                            "#c23531",
                            "#2f4554",
                            "#61a0a8",
                            "#d48265",
                            "#749f83",
                            "#ca8622",
                            "#bda29a",
                            "#6e7074",
                            "#546570",
                            "#c4ccd3",
                            "#f05b72",
                            "#ef5b9c",
                            "#f47920",
                            "#905a3d",
                            "#fab27b",
                            "#2a5caa",
                            "#444693",
                            "#726930",
                            "#b2d235",
                            "#6d8346",
                            "#ac6767",
                            "#1d953f",
                            "#6950a1",
                            "#918597"
                        ],
                        "series": [
                            {
                                "type": "bar",
                                "name": "2018\u5e74\u5ea6\u6570\u636e",
                                "legendHoverLink": true,
                                "data": [
                                    1912.07,
                                    16.52,
                                    86.3,
                                    71.19,
                                    269.14,
                                    129.15,
                                    149.43,
                                    120.5,
                                    97.84,
                                    419.35,
                                    83.34,
                                    67.41,
                                    604.43,
                                    60.82,
                                    64.37,
                                    49.96,
                                    27.81,
                                    19.64,
                                    5.63,
                                    11.01,
                                    7.4,
                                    241.55,
                                    45.37,
                                    333.48,
                                    85.02,
                                    248.46,
                                    91.31,
                                    75.22,
                                    14.65,
                                    0.22
                                ],
                                "showBackground": false,
                                "barMinHeight": 0,
                                "barCategoryGap": "20%",
                                "barGap": "30%",
                                "large": false,
                                "largeThreshold": 400,
                                "seriesLayoutBy": "column",
                                "datasetIndex": 0,
                                "clip": true,
                                "zlevel": 0,
                                "z": 2,
                                "label": {
                                    "show": true,
                                    "position": "top",
                                    "margin": 8
                                }
                            }
                        ],
                        "legend": [
                            {
                                "data": [
                                    "2018\u5e74\u5ea6\u6570\u636e"
                                ],
                                "selected": {
                                    "2018\u5e74\u5ea6\u6570\u636e": true
                                },
                                "show": true,
                                "padding": 5,
                                "itemGap": 10,
                                "itemWidth": 25,
                                "itemHeight": 14
                            }
                        ],
                        "tooltip": {
                            "show": true,
                            "trigger": "item",
                            "triggerOn": "mousemove|click",
                            "axisPointer": {
                                "type": "line"
                            },
                            "showContent": true,
                            "alwaysShowContent": false,
                            "showDelay": 0,
                            "hideDelay": 100,
                            "textStyle": {
                                "fontSize": 14
                            },
                            "borderWidth": 0,
                            "padding": 5
                        },
                        "xAxis": [
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "gridIndex": 0,
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                },
                                "data": [
                                    "\u4e9a\u6d32\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u671d\u9c9c\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u5370\u5ea6\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u5370\u5ea6\u5c3c\u897f\u4e9a\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u65e5\u672c\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u9a6c\u6765\u897f\u4e9a\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u8499\u53e4\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u83f2\u5f8b\u5bbe\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u65b0\u52a0\u5761\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u97e9\u56fd\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u6cf0\u56fd\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u975e\u6d32\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u6b27\u6d32\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u82f1\u56fd\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u5fb7\u56fd\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u6cd5\u56fd\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u610f\u5927\u5229\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u8377\u5170\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u8461\u8404\u7259\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u745e\u5178\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u745e\u58eb\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u4fc4\u7f57\u65af\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u62c9\u4e01\u7f8e\u6d32\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u5317\u7f8e\u6d32\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u52a0\u62ff\u5927\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u7f8e\u56fd\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u5927\u6d0b\u6d32\u53ca\u592a\u5e73\u6d0b\u5c9b\u5c7f\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u6fb3\u5927\u5229\u4e9a\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u65b0\u897f\u5170\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)",
                                    "\u5176\u4ed6\u56fd\u5bb6\u5165\u5883\u6e38\u5ba2(\u4e07\u4eba\u6b21)"
                                ]
                            }
                        ],
                        "yAxis": [
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "gridIndex": 0,
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                }
                            }
                        ],
                        "title": [
                            {
                                "padding": 5,
                                "itemGap": 10
                            }
                        ],
                        "dataZoom": [
                            {
                                "show": true,
                                "type": "slider",
                                "realtime": true,
                                "start": 20,
                                "end": 80,
                                "orient": "horizontal",
                                "zoomLock": false,
                                "filterMode": "filter"
                            },
                            {
                                "show": true,
                                "type": "inside",
                                "realtime": true,
                                "start": 20,
                                "end": 80,
                                "orient": "horizontal",
                                "zoomLock": false,
                                "filterMode": "filter"
                            }
                        ]
                    };
                            chart_4667956b0ae5436798f9c3c7bc1d95b9.setOption(option_4667956b0ae5436798f9c3c7bc1d95b9);
                        </script>
                    </body>
                    </html>

                </div>
                <div class="col-lg-1"></div>
                <div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                    <div class="left-heading">
                        <h2 class="section-title">从外国游客入境人数看旅游业发展</h2>
                    </div>
                    <div class="left-text">
                        <p>选取2018年的数据分析，亚洲的入境游客人数众多，其中日本、韩国占大部分；欧洲国家中，德国、英国占多数；北美洲中，美国占多数。总体看入境数量可观，在全球化的环境下，我国有着丰富的旅游资源，外国友人的旅游需求也十分重要。境内外的旅客流动也是我国旅游业的发展不可忽视的市场，有利于我国经济的发展和文化的输出。</p>
                        <a href="{{ url_for('do_table_5') }}" class="main-button">查看原始表格</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="hr"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Big Item End ***** -->
    <!-- ***** Features Big Item Start ***** -->
    <section class="section padding-top-70 padding-bottom-0" id="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                    <div class="left-heading">
                        <h2 class="section-title">从旅行社数量看旅游业发展</h2>
                    </div>
                    <div class="left-text">
                        <p>旅行社的数量总体呈上升情况，最突出的是2017-2018年的大幅度增长。旅行社的数量增加也表现出我国旅游业的一路向好，人们对于出行旅游的需要不断增加。旅行社不仅带领游客享受风土人情，也保障着人们的安全。</p>
                        <a href="{{ url_for('do_table_6') }}" class="main-button">查看原始表格</a>
                    </div>

                </div>
                <div class="col-lg-1"></div>
                <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">

                    <!DOCTYPE html>
                    <html>
                    <head>
                        <meta charset="UTF-8">
                        <title>Awesome-pyecharts</title>
                                <script type="text/javascript" src="../static/js/echarts.min.js"></script>

                    </head>
                    <body>
                        <div id="b9e42e1046e94e7d85f3b5500a98e881" class="chart-container" style="width:700px; height:500px;"></div>
                        <script>
                            var chart_b9e42e1046e94e7d85f3b5500a98e881 = echarts.init(
                                document.getElementById('b9e42e1046e94e7d85f3b5500a98e881'), 'white', {renderer: 'canvas'});
                            var option_b9e42e1046e94e7d85f3b5500a98e881 = {
                        "animation": true,
                        "animationThreshold": 2000,
                        "animationDuration": 1000,
                        "animationEasing": "cubicOut",
                        "animationDelay": 0,
                        "animationDurationUpdate": 300,
                        "animationEasingUpdate": "cubicOut",
                        "animationDelayUpdate": 0,
                        "color": [
                            "#c23531",
                            "#2f4554",
                            "#61a0a8",
                            "#d48265",
                            "#749f83",
                            "#ca8622",
                            "#bda29a",
                            "#6e7074",
                            "#546570",
                            "#c4ccd3",
                            "#f05b72",
                            "#ef5b9c",
                            "#f47920",
                            "#905a3d",
                            "#fab27b",
                            "#2a5caa",
                            "#444693",
                            "#726930",
                            "#b2d235",
                            "#6d8346",
                            "#ac6767",
                            "#1d953f",
                            "#6950a1",
                            "#918597"
                        ],
                        "series": [
                            {
                                "type": "line",
                                "name": "\u65c5\u884c\u793e\u6570\u91cf(\u4e2a)",
                                "connectNulls": false,
                                "symbolSize": 4,
                                "showSymbol": true,
                                "smooth": false,
                                "clip": true,
                                "step": false,
                                "data": [
                                    [
                                        "2019\u5e74",
                                        38943
                                    ],
                                    [
                                        "2018\u5e74",
                                        37309
                                    ],
                                    [
                                        "2017\u5e74",
                                        29717
                                    ],
                                    [
                                        "2016\u5e74",
                                        27939
                                    ],
                                    [
                                        "2015\u5e74",
                                        27621
                                    ],
                                    [
                                        "2014\u5e74",
                                        26650
                                    ],
                                    [
                                        "2013\u5e74",
                                        26054
                                    ],
                                    [
                                        "2012\u5e74",
                                        24944
                                    ],
                                    [
                                        "2011\u5e74",
                                        23690
                                    ],
                                    [
                                        "2010\u5e74",
                                        22784
                                    ]
                                ],
                                "hoverAnimation": true,
                                "label": {
                                    "show": true,
                                    "position": "top",
                                    "margin": 8
                                },
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                },
                                "areaStyle": {
                                    "opacity": 0.5
                                },
                                "zlevel": 0,
                                "z": 0
                            }
                        ],
                        "legend": [
                            {
                                "data": [
                                    "\u65c5\u884c\u793e\u6570\u91cf(\u4e2a)"
                                ],
                                "selected": {
                                    "\u65c5\u884c\u793e\u6570\u91cf(\u4e2a)": true
                                }
                            }
                        ],
                        "tooltip": {
                            "show": true,
                            "trigger": "item",
                            "triggerOn": "mousemove|click",
                            "axisPointer": {
                                "type": "line"
                            },
                            "showContent": true,
                            "alwaysShowContent": false,
                            "showDelay": 0,
                            "hideDelay": 100,
                            "textStyle": {
                                "fontSize": 14
                            },
                            "borderWidth": 0,
                            "padding": 5
                        },
                        "xAxis": [
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "gridIndex": 0,
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                },
                                "data": [
                                    "2019\u5e74",
                                    "2018\u5e74",
                                    "2017\u5e74",
                                    "2016\u5e74",
                                    "2015\u5e74",
                                    "2014\u5e74",
                                    "2013\u5e74",
                                    "2012\u5e74",
                                    "2011\u5e74",
                                    "2010\u5e74"
                                ]
                            }
                        ],
                        "yAxis": [
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "gridIndex": 0,
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                }
                            }
                        ]
                    };
                            chart_b9e42e1046e94e7d85f3b5500a98e881.setOption(option_b9e42e1046e94e7d85f3b5500a98e881);
                        </script>
                    </body>
                    </html>

                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="hr"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Big Item End ***** -->

    <!-- ***** Pricing Plans Start ***** -->
    <section class="section colored" id="pricing-plans">
        <div class="container">
            <!-- ***** Section Title Start ***** -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="center-heading">
                        <h2 class="section-title">总结</h2>
                    </div>
                </div>
            </div>
            <!-- ***** Section Title End ***** -->

            <div class="row">
                <!-- ***** Pricing Item Start ***** -->
                <div class="features-small-item" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.2s" style="margin: 0 auto">

                        <div class="left-text">
                            <h5>我国旅游业总体向好，国内的旅游市场不断扩大，生活质量的不断改善带来国内游客的数量持续增加，国内旅游增强了对我们自己国家风土人情的了解和体验，提升民族自豪感。入境旅客的增加也表明我们旅游业的完善和发展，满足外国友人对我国环境的好奇。旅行社为人们的出行提供便利，也更加有序地推动旅游业发展。</h5>

                        </div>
                </div>
                <!-- ***** Pricing Item End ***** -->
            </div>
        </div>
    </section>
    <!-- ***** Pricing Plans End ***** -->
{% endblock %}